<!--
 * @Author: 张琦
 * @Date: 2021-05-24 16:29:22
 * @LastEditTime: 2021-06-07 16:48:11
 * @FilePath: \抖音管理端c:\Users\Administrator\Desktop\jdk\src\view\mine\article.vue
-->
<template>
  <div class="article">
    <header-bar :tittle="tittle" sticky />
    <div v-html="rawHtmlL"></div>
  </div>
</template>

<script>
import Vue from "vue";
import header from "@/components/header/header.vue";
import { Field } from "vant";
import {
  Button,
  Toast,
  Image as VanImage,
  Cell,
  CellGroup,
  Uploader,
  sticky,
  Form,
  Radio,
  RadioGroup,
} from "vant";
import { API_PATH } from "@/api/index.js";
import { BIND_ACCOUNT, TASK_NEWS } from "@/api/api.js";
// import { Field } from 'vant';
Vue.use(Field);
Vue.use(VanImage);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Uploader);
Vue.use(sticky);
Vue.use(Form);
Vue.use(Radio);
Vue.use(RadioGroup);
export default {
  name: "article",
  components: {
    [header.name]: header,
    [Button.name]: Button,
  },
  data() {
    return {
      tittle: "",
      rawHtmlL: "",
      time: "",
      img: require("../.././assets/images/alipay.png"),
    };
  },
  created() {
    let data = this.$route.query.id;
    this.getData(data);
  },
  mounted() {},
  methods: {
    async getData(values) {
      const { data } = await this.$reqGet(TASK_NEWS + "/" + values, {});
      this.tittle = data.data.cat_name;
      this.rawHtmlL = data.data.content;
      this.time = data.data.create_time;
    },
  },
};
</script>
<style scoped>
.article {
  min-height: 100vh;
  background: #f7f7f7;
  font-size: 13.33rem !important;
  /* overflow: hidden; */
}
.tip {
  padding: 10px;
  text-align: left;
  color: #afabab;
}
.kind {
  background: #f37794;
  margin-top: 15px;
  text-align: left;
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  color: #fff;
}
</style>
